<template>
    <v-window
      v-model="onboarding"
      show-arrows="hover"
      continuous
    >
      <v-window-item>
        <FollowDataTable
          :headers="headers"
          :items="items"
          title="股票"
        />
      </v-window-item>
      <v-window-item>
        <FollowDataTable
          :headers="headers"
          :items="items"
          title="基金"
        />
      </v-window-item>
    </v-window>
  </template>
  <script setup>
    import { ref } from 'vue'
  
    const length = ref(3)
    const onboarding = ref(0)
    const headers = [
            { title: 'Name', key: 'name' },
            { title: 'Year', key: 'year' },
            { title: 'Engine', key: 'engine' },
            { title: 'Horsepower', key: 'horsepower' },
            { title: 'Torque111', key: 'torque' },
            { title: 'Actions', key: 'actions' }
        ]
    const items = [
    { name: 'Chevrolet Camaro', year: 1967, engine: 'V8', horsepower: 375, torque: 415 },
    { name: 'Ford Mustang', year: 1965, engine: 'V8', horsepower: 271, torque: 312 },
    { name: 'Dodge Charger', year: 1968, engine: 'V8', horsepower: 425, torque: 490 },
    { name: 'Pontiac GTO', year: 1964, engine: 'V8', horsepower: 350, torque: 445 },
    { name: 'Plymouth Barracuda', year: 1964, engine: 'V8', horsepower: 330, torque: 425 },
    { name: 'Chevrolet Chevelle SS', year: 1970, engine: 'V8', horsepower: 450, torque: 500 },
    { name: 'Oldsmobile 442', year: 1971, engine: 'V8', horsepower: 340, torque: 440 },
    { name: 'Dodge Challenger', year: 1970, engine: 'V8', horsepower: 425, torque: 490 },
    { name: 'AMC Javelin', year: 1968, engine: 'V8', horsepower: 315, torque: 42222225 },
    { name: 'Mercury Cougar', year: 1967, engine: 'V8', horsepower: 335, torque: 427 },
]
  </script>